<template>
  <view class="card-more flex justify-between">
    <view class="text-bold">渠道建设情况</view>
    <view class="text-xs" @tap="lookMore">查看更多</view>
  </view>
  <view class="card-detail padding-top">
    <view
      class="cu-card shadow flex justify-center"
      style="padding: 10px 5px 10px 5px"
    >
      <view style="flex: 1" class="flex flex-direction align-center">
        <view><text class="text-blod" style="font-size: 30px">8</text></view>
        <view>
          <text style="font-size: 10px; color: grey">L1</text>
          <text style="font-size: 4px; color: grey">></text>
        </view>
      </view>
      <!-- <view style="float:left;width: 1px;height: 25px; background: #000;"></view> -->
      <view style="flex: 1" class="flex flex-direction align-center">
        <view><text class="text-blod" style="font-size: 30px">300</text></view>
        <view>
          <text style="font-size: 10px; color: grey">L2</text>
          <text style="font-size: 4px; color: grey">></text>
        </view>
      </view>
      <!-- <view style="float:left;width: 1px;height: 25px; background: #000;"></view> -->
      <view style="flex: 1" class="flex flex-direction align-center">
        <view><text class="text-blod" style="font-size: 30px">20</text></view>
        <view>
          <text style="font-size: 10px; color: grey">L3</text>
          <text style="font-size: 4px; color: grey">></text>
        </view>
      </view>
    </view>
  </view>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import Taro from '@tarojs/taro'

export default defineComponent({
  components: {},
  setup() {
    const lookMore = () => {
      Taro.navigateTo({ url: '/pages/channelManage/index' })
    }

    return {
      lookMore,
    }
  },
})
</script>
<style scoped></style>
